<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="https://unpkg.com/vue@next"></script>
<div id="app">
    <todo-item curTitle="aaa" :likes=10 :colors="[1, 2, 3, 4, 5]" :author="{age: 10}"></todo-item>

</div>
<script>
    const vueOpt = {

    }

    const app = Vue.createApp(vueOpt);
    app.component('todo-item', {
        data(){
            return {

            }
        },
        props: {
            curtitle: String,
            likes: Number,
            colors: Array,
            author: Object
        },
        template: `
            <div>{{curtitle}} + {{likes}} + {{colors.join('')}} + {{author.age}}</div>
        `
    })
    app.mount('#app');

</script>
</body>
</html>
